<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <title>{yun:}$title{/yun}</title>
        <meta name="keywords" content="{yun:}$keywords{/yun}"/>
        <meta name="description" content="{yun:}$description{/yun}"/>
        <link rel="stylesheet" href="{yun:}$style{/yun}/style/css.css?v={yun:}$config.cachecode{/yun}" type="text/css"/>
        <link rel="stylesheet" href="{yun:}$style{/yun}/style/yun_job_fairs.css?v={yun:}$config.cachecode{/yun}" type="text/css"/>

    </head>
    <style>
        .img_auto img{max-width:100%;}
        .fairs_display_con {
            width: auto;
            margin: 20px 0 0 0;
            border: 1px solid #eee;
            margin-left: 15px;
            border-radius: 5px;
        }
        .fairs_disp_a {
            width: 200px;
            float: left;
            margin-left: 15px;
            margin-top: 15px;
            border: 1px solid #eee;
            border-radius: 3px;
        }
        .vip_menutwo_list_date {
            float: left;
            padding-left: 4px;
        }
        .vip_zph_list_t {
            width: 100%;
            text-indent: 4px;
        }
        .fairs_title_h {
            width: 100%;
            font-size: 14px;
            text-align: center;
            line-height: 60px;
            color: #333;
        }
    </style>
    <body class="body_bg">
        {yun:}include file="$tplstyle/header.htm"{/yun}
        <div class="yun_content">
            <div class="current_Location"> 您当前的位置：<a href="{yun:}$config.sy_weburl{/yun}">首页</a> > <a href="{yun:}url m=office c=area{/yun}">高端人才活动场地预定</a> >  {yun:}$Info.title{/yun}</div>


            <div class="zph_show" style="margin-top:0px;">
                <div class="zph_show_box_tit"><span class="zph_show_box_tit_s"><i class="zph_show_box_tit_line"></i>预定活动场地</span></div> <div class="zph_show_yd_pic"><img src="{yun:}$Info.is_themb{/yun}" width="300" height="220"> </div>
                <div class="zph_show_yd_r">
                    <h1 class="zph_show_r_name">{yun:}$Info.title{/yun}</h1>

                    <div class="zph_left_box_icon zph_left_box_zb">主 办 方：</span>{yun:}$Info.organizers{/yun}   </div>

                    <div class="zph_left_box_icon zph_left_box_time">开放时间：</span>{yun:}$Info.starttime{/yun}至{yun:}$Info.endtime{/yun}   </div>
                    <div class="zph_left_box_icon zph_left_box_add">场地地址：</span>{yun:}$Info.address{/yun}   </div>

                    <div class="zph_left_box_icon zph_left_box_xl">交通路线：</span>{yun:}$Info.traffic{/yun}   </div>


                    <div class=" zph_left_box_tel"><span class="zph_left_box_tel_name">联系<br>电话</span>{yun:}$Info.phone{/yun} <span class="zph_left_box_tel_n">( {yun:}$Info.user{/yun} )</span>  </div>


                </div>

            </div> 

            <div class="zph_show_box">
                <div class="zph_show_box_tit"><span class="zph_show_box_tit_s"><i class="zph_show_box_tit_line"></i>场地时间在线预订</span></div>


                <div class="job_fairs_main  fl" >
                    <div class="fairs_title fl">
                        <div class="fairs_title_h fl">

                            <form id="infoform" name="myform" action="index.php?m=office&c=save" method="post"  encType="multipart/form-data" class="layui-form">
                                <table width="100%" class="table_form" style="background:#fff;padding:20px">
                                    <tr>
                                        <td width="120">联系人：</td>
                                        <td>
                                            <input type="text" name="name" id="name"  lay-verify="required" placeholder="请输入联系人" size="60" autocomplete="off" class="layui-input input-text">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="120">联系电话：</td>
                                        <td>
                                            <input type="text" name="phone" id="phone"  lay-verify="required" placeholder="请输入联系电话" size="60" autocomplete="off" class="layui-input input-text" onkeyup="this.value = this.value.replace(/[^0-9-]/g, '')">

                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="120">预约时间：</td>
                                        <td>
                                            <input type="text" class="layui-input input-text" id="time" name="time" value="{yun:}if $Info.starttime||$Info.endtime{/yun}{yun:}$Info.starttime{/yun} ~ {yun:}$Info.endtime{/yun}{yun:}/if{/yun}" placeholder="yyyy-MM-dd HH:mm:ss ~ yyyy-MM-dd HH:mm:ss" lay-key="6" size="60">
                                        </td>
                                    </tr>
                                </table>
                                <div class="zph_tck_jobpost_bth">
                                    <input type="button" onclick="CheckPost()" value="立即预订" class="layui-btn layui-btn-normal yun_m_info_textbth" />
                                </div>
                                <input type="hidden" name="id" value="{yun:}$Info.id{/yun}"/>
                                <input type="hidden" name="uid" id="uid" value="{yun:}$uid{/yun}"/>
                            </form>
                        </div>
                    </div>

                    <div class="clear"></div>
                    <div id="TB_window" style='display:none;'>
                        <form class="layui-form">
                            <div id="error_zph" class="error_zph"></div>
                            <div id="TB_ajaxContent" class="">
                                <input id="bid" value="0" type="hidden"/>
                                <input id="zid" value="{yun:}$Info.id{/yun}" type="hidden"/>
                                <div class="yd_zph_tck">
                                    <div class="yd_zph_tck_h1">尊敬的用户您好！</div>
                                    <div class="yd_zph_tck_name">欢迎预定：<span id="zph_name">{yun:}$Info.title{/yun}</span></div>

                                    <div class="yd_zph_tck_jg">展位价格：<span id="zph_price" class="yd_zph_tck_jg_n"></span></div>
                                    <div class="yd_zph_tck_jobtit">请选择参与招聘会的职位：</div>
                                    <div class="zph_tck_jobpost_box">
                                        <div id="joblist" class="zph_tck_jobpost"></div>
                                    </div>
                                    <div class="zph_tck_jobpost_bth">
                                        <input type='button' value="提交" onclick="submitzph()" class="zph_tck_jobpost_bth_b "/>
                                        <input id="usertype" value="{yun:}$usertype{/yun}" type="hidden"/>
                                        <span id="zphaddjob" class="zph_tck_jobpost_bth_a"></span> 
                                    </div>     </div> 
                            </div>
                        </form>
                    </div>
                </div>
            </div>




            {yun:}if $Info.body{/yun}
            <div class="zph_show_box">
                <div class="zph_show_box_tit"><span class="zph_show_box_tit_s"><i class="zph_show_box_tit_line"></i>介绍</span></div>
                <div class="zph_show_box_p img_auto"> {yun:}$Info.body{/yun} </div></div>
            {yun:}/if{/yun}
            <div class="zph_show_box">
                <div class="zph_show_box_tit"><span class="zph_show_box_tit_s"><i class="zph_show_box_tit_line"></i>预约记录</span></div>
                <div class="zph_show_box_p img_auto">
                    <div class="fairs_display_con fl">
                        <div class="fairs_display_right fl">
                            <div class="fairs_display_list fl">
                                {yun:}foreach item=v key=key from=$coms{/yun}
                                <div class="fairs_disp_a fairs_disp_position" aid="{yun:}$v.id{/yun}">
                                    <dl class="fairs_disp_items  fairs_disp_items_bg fl">
                                        {yun:}if $v.status==0{/yun}
                                        <dt><img src="{yun:}$style{/yun}/images/fairs_start.png"/></dt>
                                        {yun:}elseif $v.status==1{/yun}
                                        <dt><img src="{yun:}$style{/yun}/images/fairs_can.png"/></dt>
                                        {yun:}else{/yun}
                                        <dt><img src="{yun:}$style{/yun}/images/fairs_have.png"/></dt>
                                        {yun:}/if{/yun}
                                        <dd>{yun:}$v.name{/yun}</dd>
                                    </dl>
                                    <div class="order_two none" id="showstatus{yun:}$v.id{/yun}"> 
                                        <h4><a href="#" target="_blank"> {yun:}$v.name|mb_substr:0:14:'utf-8'{/yun} </a>
                                            {yun:}if $v.status==0{/yun}待审核
                                            {yun:}elseif $v.status==1{/yun}审核通过
                                            {yun:}else{/yun}审核未通过
                                            {yun:}/if{/yun}
                                        </h4>
                                        <div class="vip_zph_list" >
                                            <div class="vip_zph_list_t">预约信息：</div>
                                            <div class="vip_menutwo_list">
                                                <span class="vip_menutwo_list_date">联系方式：{yun:}$v.phone{/yun}</span>
                                                <span class="vip_menutwo_list_date">开始时间：{yun:}$v.starttime{/yun}</span>
                                                <span class="vip_menutwo_list_date">结束时间：{yun:}$v.endtime{/yun}</span>
                                                {yun:}if $v.statusbody!=''{/yun}
                                                <span class="vip_menutwo_list_date">备注：{yun:}$v.statusbody{/yun}</span>
                                                {yun:}/if{/yun}

                                            </div>
                                        </div>
                                    </div> 
                                </div>

                                {yun:}/foreach{/yun}
                            </div> 
                        </div>
                    </div>

                </div>
            </div>



        </div>
        <script src="{yun:}$config.sy_weburl{/yun}/js/jquery-1.8.0.min.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
        <link href="{yun:}$config.sy_weburl{/yun}/js/layui/css/layui.css?v={yun:}$config.cachecode{/yun}" rel="stylesheet" type="text/css" />
        <script src="{yun:}$config.sy_weburl{/yun}/js/layui/layui.js?v={yun:}$config.cachecode{/yun}"></script>
        <script src="{yun:}$config.sy_weburl{/yun}/js/layui/phpyun_layer.js?v={yun:}$config.cachecode{/yun}"></script>
        <script src="{yun:}$config.sy_weburl{/yun}/js/lazyload.min.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
        <script src="{yun:}$config.sy_weburl{/yun}/js/public.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
        <script src="{yun:}$style{/yun}/js/zph.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
        <script src="{yun:}$style{/yun}/js/ScrollPic.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script> 
        <!--[if IE 6]>
        <script src="{yun:}$config.sy_weburl{/yun}/js/png.js?v={yun:}$config.cachecode{/yun}"></script>
        <script>
        DD_belatedPNG.fix('.png');
        </script>
        <![endif]-->
        <script language="javascript" type="text/javascript">
        <!--//--><![CDATA[//><!--
                                    var li_num = $("#rolling_img1 li").length;
                                    if (li_num > 4) {
                                        var scrollPic_02 = new ScrollPic();
                                        scrollPic_02.scrollContId = "rolling_img1";
                                        scrollPic_02.arrLeftId = "LeftArr";
                                        scrollPic_02.arrRightId = "RightArr";
                                        scrollPic_02.frameWidth = 1200;
                                        scrollPic_02.pageWidth = 242;
                                        scrollPic_02.speed = 10;
                                        scrollPic_02.space = 10;
                                        scrollPic_02.autoPlay = true;
                                        scrollPic_02.autoPlayTime = 2;
                                        scrollPic_02.initialize();
                                    }
        //--><!]]> 
                                    $(function () {
                                        setTimeout(function () {
                                            layer.photos({
                                                photos: '#rolling_img1',
                                                anim: 5
                                            });
                                        }, 1000);
                                        layui.use(['layer', 'form', 'element', 'laydate'], function () {
                                            var layer = layui.layer
                                                    , form = layui.form
                                                    , element = layui.element
                                                    , $ = layui.$;
                                            var laydate = layui.laydate;
                                            laydate.render({
                                                elem: '#time'
                                                , type: 'datetime'
                                                , range: '~'
                                            });
                                        });
                                    })

                                    function CheckPost() {
                                        if ($("#name").val() == "") {
                                            layer.msg('请填写真实姓名！', 2, 8);
                                            return (false);
                                        }
                                        if ($("#phone").val() == "") {
                                            layer.msg('请填写联系手机！', 2, 8);
                                            return (false);
                                        }
                                        var time = $("#time").val();
                                        if (time == "") {
                                            layer.msg('预约不能为空！', 2, 8);
                                            return false
                                        }
                                        $("#infoform").submit();
                                    }
        </script>
        {yun:}include file="$tplstyle/public_search/login.htm"{/yun} 
        {yun:}include file="$tplstyle/footer.htm"{/yun}
